<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
		<title>Register of Person</title>
		<link rel="stylesheet" type="text/css" href="./css/register.css" ></link>
		<script src="./js/registerPerson.js"></script>
		<script>
		function Register(){
			window.location.href='/youcai/index.jsp';
		}
		</script>
		
	</head>
	
	<body class="register">
		<div id="head">
			<img src="images/HomePageHead.png" />
		</div>
		<form onsubmit="Register()">
			<fieldset>
				<legend>Account Information</legend>
				<table width="100%">
					<tr>
						<td width="25%" style="text-align:right;">User Name: </td>
						<td width="18%" style="text-align:left;">&nbsp;&nbsp;<input type="text" name="username" /></td>
						<td width="57%" style="text-align:left;" id="note">Username can't be repeated.</td>
					</tr>
					<tr><td width="25%" style="text-align:right;">Password:</td>
						<td width="18%" style="text-align:left;">&nbsp;&nbsp;<input type="password" name="password" /></td>
						<td width="57%" style="text-align:left;" id="note">Passwords should be 6 to 16 characters.</td></tr>
					<tr><td width="25%" style="text-align:right;">Repassword:</td>
						<td width="18%" style="text-align:left;">&nbsp;&nbsp;<input type="password" name="repassword" /></td>
						<td width="57%" style="text-align:left;" id="note">Input the password again.</td></tr>
				</table>
			</fieldset>
			<fieldset>
				<legend>Personal Information</legend>
				<table width="100%">
					<tr>
						<td width="25%" style="text-align:right;">First Name: </td>
						<td width="18%" style="text-align:left;">&nbsp;&nbsp;<input type="text" name="firstname" /></td>
						<td width="57%" style="text-align:left;" id="note">Please input your first name.</td>
					</tr>
					<tr><td width="25%" style="text-align:right;">Last Name:</td>
						<td width="18%" style="text-align:left;">&nbsp;&nbsp;<input type="text" name="lastname" /></td>
						<td width="57%" style="text-align:left;" id="note">Please input your last name.</td></tr>
					<tr><td width="25%" style="text-align:right;">Age:</td>
						<td width="18%" style="text-align:left;">&nbsp;&nbsp;<input type="text" name="age" /></td>
						<td width="57%" style="text-align:left;" id="note">Please input your age.</td></tr>
					<tr><td width="25%" style="text-align:right;">Gender:</td>
						<td width="18%" style="text-align:left;">&nbsp;&nbsp;<select name="sex">
							   												   <option value="male">Male</option>
							  												   <option value="female">Female</option> </select></td>
						<td width="57%" style="text-align:left;"></td></tr>
					<tr><td width="25%" style="text-align:right;">Career:</td>
						<td width="18%" style="text-align:left;">&nbsp;&nbsp;<input type="text" name="career" /></td>
						<td width="57%" style="text-align:left;" id="note">Please input your career.</td></tr>
					<tr><td width="25%" style="text-align:right;">Resident Identity:</td>
						<td width="18%" style="text-align:left;">&nbsp;&nbsp;<input type="text" name="id" /></td>
						<td width="57%" style="text-align:left;" id="note">Please input your resident identity.</td></tr>
					<tr><td width="25%" style="text-align:right;">Resident Location:</td>
						<td width="18%" style="text-align:left;">&nbsp;&nbsp;<input type="text" name="resident" /></td>
						<td width="57%" style="text-align:left;" id="note">Please input your resident location.</td></tr>
					<tr><td width="25%" style="text-align:right;">Marital Status:</td>
						<td width="18%" style="text-align:left;">&nbsp;&nbsp;<select name="marital">
							   												   <option value="married">Married</option>
																			   <option value="unmarried">Unmarried</option>
							  												   <option value="widowed">Widowed</option> </select></td>
						<td width="57%" style="text-align:left;"></td></tr>
					<tr><td width="25%" style="text-align:right;">Bank Card:</td>
						<td width="18%" style="text-align:left;">&nbsp;&nbsp;<input type="text" name="bankcard" /></td>
						<td width="57%" style="text-align:left;" id="note">ID of Bank Card.</td></tr>
				</table>
			</fieldset>
			<fieldset>
				<legend>Finance Information</legend>
				<table width="100%">
					<tr>
						<td width="25%" style="text-align:right;">Income: </td>
						<td width="18%" style="text-align:left;">&nbsp;&nbsp;<input type="text" name="income" /></td>
						<td width="57%" style="text-align:left;" id="note">Annual income.</td>
					</tr>
					<tr><td width="25%" style="text-align:right;">Housing Condition:</td>
						<td width="18%" style="text-align:left;">&nbsp;&nbsp;<input type="text" name="house" /></td>
						<td width="57%" style="text-align:left;"></td></tr>
					<tr><td width="25%" style="text-align:right;">Do you have a car?</td>
						<td width="18%" style="text-align:left;">&nbsp;&nbsp;<select name="car">
							   												   <option value="have_car">Yes</option>
							  												   <option value="no_car">No</option> </select></td>
						<td width="57%" style="text-align:left;">d</td></tr>
					<tr><td width="25%" style="text-align:right;">Loan Document:</td>
						<td width="18%" style="text-align:left;">&nbsp;&nbsp;<input type="text" name="loan" /></td>
						<td width="57%" style="text-align:left;" id="note">Lastest loan document.</td></tr>
				</table>
			</fieldset>

			<div>
			<br />
			<input type="checkbox" name="agreement" />
			<label>Yes, I'm agree to Youcai's 
			       <a href="/huaqi/html/privary.html" id="agree">Terms</a> & <a href="/huaqi/html/privary.html" id="agree">Privacy Policy</a> !
		    </label><br/><br/></div>
			<input type="submit" id="inputbutton" value="Submit" 
			       onmousedown="this.style.background='url(images/register_button_focused.png)';"
				   onmouseup="this.style.background='url(images/register_button_normal.png)';"
				   onmouseout="this.style.background='url(images/register_button_normal.png)';"/>&nbsp;&nbsp;&nbsp; 
			<input type="reset" id="inputbutton" value="Reset"  style="margin-left:0px;"
				   onmousedown="this.style.background='url(images/register_button_focused.png)';"
				   onmouseup="this.style.background='url(images/register_button_normal.png)';"/> 			 
		</form>	
		
		<hr style="height:1px; color:#cccccc; margin-bottom:1px; margin-top:60px;" />
  		<ul>
			<li class="tail" style="width:145px; color:#ec7413;">Trumpfish@Brinyfish</li>
    		<li class="tail"><a href="#home">Contact Us</a></li>
    		<li class="tail"><a href="#contact">About Us</a></li>
			<li class="tail"><a href="#home">Security</a></li>
			<li class="tail" style="border-right-style:none;"><a href="#home">Helps</a></li>
			<br/>
  		</ul>

		<p style="font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000; text-align:center;">
			Copyright &copy Trumpfish@Brinyfish 2014. All rights reserved.</p>
				
	</body>
</html>